<template>
	<view class="h-no-recode">
		<view class="lz-mg-all--xl" v-if="if_show">
			<view class="no-recode-content">
				<image :src="static_media.noRecord" class="no-recode-content-img"></image>
				<view>暂无内容</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "no-recode",
		props: {
			show: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
        	if_show:this.show,
      }
		},
		computed:{
			static_media () {
			  return {
			    noRecord: this.$myConfig.localMedia + '/static/img/kong.png'
			  }
			},
		},
    watch: {
      	show(newValue, oldValue) {
      		this.if_show = newValue;
      	}
    },

	}
</script>
<style>
	.h-no-recode{
		width: 100%;
	}
	.lz-mg-all--xl{
		margin: 0 auto;
	}
	.no-recode-content{
		width: 100%;
		text-align: center;
		color: #9f9f9f;
		padding-bottom: 60px;
		font-size: 15px;
	}
	.no-recode-content-img{
		margin-top: 20px;
	}
</style>
